<template>
	<view class="neironBox">
		<view class="neironBoxTitle">{{ listBox.title }}</view>
		<view class="neironBoxBigText" v-if="listBox.textWithoutPageBreak !== ''" v-html="listBox.textWithoutPageBreak">
		</view>
		<view v-else>
			ไม่มีข้อมูลแสดง
		</view>
	</view>
</template>

<script>
export default {
	props:['listBox'],
	computed: {
		i18n() {
			return this.$t('cooperation');
		}
	}
};
</script>

<style lang="scss" scoped>
.neironBox {
	padding: 0 20px;
	margin-bottom: 50px;
	.neironBoxTitle {
		padding: 15px 0;
		font-size: $uni-font-size-custom-e;
		font-weight: 700;
		color: #CD001B;
	}
	.neironBoxBigText {
		padding: 15px 10px;
		border-radius: 3px;
		box-shadow: 2px 2px 5px 1px #e6e6e6;
		background-color: #f1f1f1;
		.neironBoxBigTextTitle {
			font-size: $uni-font-size-custom-e;
			color: #424451;
			text-decoration: underline; // 下划线
			margin-bottom: 10px;
		}
		.neironBoxBigTextTitleUl {
			font-size: $uni-font-size-custom-d;
			color: #51535f;
			word-wrap: break-word; // 自动换行
			word-break: normal; // 自动换行
		}
		.neironBoxBigTextTitleLi {
			margin-left: 20px;
			font-size: $uni-font-size-custom-d;
			color: #51535f;
			word-wrap: break-word; // 自动换行
			word-break: normal; // 自动换行
		}
		.neironBoxBigTextTitleLiMin {
			margin-left: 35px;
			font-size: $uni-font-size-custom-d;
			color: #51535f;
			word-wrap: break-word; // 自动换行
			word-break: normal; // 自动换行
		}
	}
}
</style>
